
<div class="mui-content bg-gray" *ngIf="!isShow">
  <div *ngIf="!isScreen" class="mui-bar-nav d-flex header bg-linear" >
    <div class="flex">
      <img src="./assets/images/address.png" class="address" (click)="showChoose()">
      <input type="text" class="province" [(ngModel)]="showProvince" readonly>
    </div>
    <div class="flex text-center title">信贷猫</div>
    <div class="flex mui-text-right">
      <span (click)="toserch()">筛选</span>
    </div>
  </div>
  <ul *ngIf="!isScreen" class="dan-list mui-list-unstyled">
    <li class="m" *ngFor="let dan of danList" (click)="danDetail(dan.id)">
      <div class="client-case p">
        <h4 class="client-name">{{dan.realname}}</h4>
        <div class="client-ask"><span>{{dan.city_name ? dan.city_name : '全国'}}</span><span class="liner">|</span><span>{{dan.occupation ? dan.occupation : '自由职业'}}</span><span class="m-l"><span class="money-number">{{dan.money}}</span>元</span></div>
        <button type="button" class="mui-btn dan-btn mui-btn-danger" *ngIf="dan.number < maxBuy && dan.buy == 'no'" (click)="tips(dan.id,dan.customer_price,$event)">立即抢单</button>
        <button class="mui-btn dan-btn-gray dan-btn" *ngIf="dan.number >= maxBuy">已抢完</button>
        <button class="mui-btn dan-btn-gray dan-btn" *ngIf="dan.buy == 'yes'">已购买</button>
      </div>
      <div class="client-situation mui-row mui-text-center">
        <span class="mui-col-xs-4"><img src="./assets/images/money.png" alt="月收入">收入{{dan.monthlyincome ? dan.monthlyincome : '未知'}}</span>
        <span class="mui-col-xs-4"><img src="./assets/images/house.png" alt="房子">{{dan.housetype ===1 ? '有房无房贷' : (dan.housetype ===2 ? '有房有房贷' : (dan.housetype ===3 ? '无房' :'未知'))}}</span>
        <span class="mui-col-xs-4"><img src="./assets/images/car.png" alt="车">{{dan.cartype ===1 ? '有车无车贷' : (dan.housetype ===2 ? '有车有车贷' : (dan.housetype ===3 ? '无车' :'未知'))}}</span>
      </div>
    </li>
    <button type="button" class="mui-btn mui-btn-block add-btn" (click)="more($event)" *ngIf="showAdd">点击加载更多</button>
  </ul>

  <div *ngIf="isScreen" class="mui-bar-nav d-flex header bg-linear">
    <div class="flex">
      <span (click)="closeSerch()">返回</span>
    </div>
    <div class="flex text-center title">自定义筛选</div>
    <div class="flex mui-text-right">
      <span (click)="serch()">完成</span>
    </div>
  </div>
  <div *ngIf="isScreen" class="info-container-serch">
    <div class="mui-card">
      <div class="mui-card-content mui-input-group input-group_right">
        <div class="mui-row">
          <div class="mui-col-xs-3 mui-text-center input-title">工作类型</div>
          <div class="mui-col-xs-9">
            <label class="mui-btn" [ngClass]="{'mui-btn-primary': condition.occupation == '不限'}">
              <input type="radio" value="不限" name="occupation" [(ngModel)]="condition.occupation">不限</label>
            <label class="mui-btn" [ngClass]="{'mui-btn-primary': condition.occupation == '上班族'}">
              <input type="radio" value="上班族" name="occupation" [(ngModel)]="condition.occupation">上班族</label>
            <label class="mui-btn" [ngClass]="{'mui-btn-primary': condition.occupation == '公务员'}">
              <input type="radio" value="公务员" name="occupation" [(ngModel)]="condition.occupation">公务员</label>
            <label class="mui-btn" [ngClass]="{'mui-btn-primary': condition.occupation == '私企业主'}">
              <input type="radio" value="私企业主" name="occupation" [(ngModel)]="condition.occupation">私企业主</label>
          </div>
        </div>
        <div class="mui-row">
          <div class="mui-col-xs-3 mui-text-center input-title">房产情况</div>
          <div class="mui-col-xs-9">
            <label class="mui-btn" [ngClass]="{'mui-btn-primary': condition.housetype == '不限'}">
              <input type="radio" value="不限" name="housetype" [(ngModel)]="condition.housetype">不限</label>
            <label class="mui-btn" [ngClass]="{'mui-btn-primary': condition.housetype == '1'}">
              <input type="radio" value="1" name="housetype" [(ngModel)]="condition.housetype">有房无房贷</label>
            <label class="mui-btn" [ngClass]="{'mui-btn-primary': condition.housetype == '2'}">
              <input type="radio" value="2" name="housetype" [(ngModel)]="condition.housetype">有房有房贷</label>
            <label class="mui-btn" [ngClass]="{'mui-btn-primary': condition.housetype == '3'}">
              <input type="radio" value="3" name="housetype" [(ngModel)]="condition.housetype">无房</label>
          </div>
        </div>
        <div class="mui-row">
          <div class="mui-col-xs-3 mui-text-center input-title">车产情况</div>
          <div class="mui-col-xs-9">
            <label class="mui-btn" [ngClass]="{'mui-btn-primary': condition.cartype == '不限'}">
              <input type="radio" value="不限" name="cartype" [(ngModel)]="condition.cartype">不限</label>
            <label class="mui-btn" [ngClass]="{'mui-btn-primary': condition.cartype == '1'}">
              <input type="radio" value="1" name="cartype" [(ngModel)]="condition.cartype">有车无车贷</label>
            <label class="mui-btn" [ngClass]="{'mui-btn-primary': condition.cartype == '2'}">
              <input type="radio" value="2" name="cartype" [(ngModel)]="condition.cartype">有车有车贷</label>
            <label class="mui-btn" [ngClass]="{'mui-btn-primary': condition.cartype == '3'}">
              <input type="radio" value="3" name="cartype" [(ngModel)]="condition.cartype">无房</label>
          </div>
        </div>
        <div class="mui-row">
          <div class="mui-col-xs-3 mui-text-center input-title">保险情况</div>
          <div class="mui-col-xs-9">
            <label class="mui-btn" [ngClass]="{'mui-btn-primary': condition.insurance == '不限'}">
              <input type="radio" value="不限" name="insurance" [(ngModel)]="condition.insurance">不限</label>
            <label class="mui-btn" [ngClass]="{'mui-btn-primary': condition.insurance == '1'}">
              <input type="radio" value="1" name="insurance" [(ngModel)]="condition.insurance">有</label>
            <label class="mui-btn" [ngClass]="{'mui-btn-primary': condition.insurance == '2'}">
              <input type="radio" value="2" name="insurance" [(ngModel)]="condition.insurance">无</label>
          </div>
        </div>
        <div class="mui-row">
          <div class="mui-col-xs-3 mui-text-center input-title">公积金</div>
          <div class="mui-col-xs-9">
            <label class="mui-btn" [ngClass]="{'mui-btn-primary': condition.accumulationfund == '不限'}">
              <input type="radio" value="不限" name="accumulationfund" [(ngModel)]="condition.accumulationfund">不限</label>
            <label class="mui-btn" [ngClass]="{'mui-btn-primary': condition.accumulationfund == '1'}">
              <input type="radio" value="1" name="accumulationfund" [(ngModel)]="condition.accumulationfund">一年以内</label>
            <label class="mui-btn" [ngClass]="{'mui-btn-primary': condition.accumulationfund == '2'}">
              <input type="radio" value="2" name="accumulationfund" [(ngModel)]="condition.accumulationfund">一年以上</label>
            <label class="mui-btn" [ngClass]="{'mui-btn-primary': condition.accumulationfund == '3'}">
              <input type="radio" value="3" name="accumulationfund" [(ngModel)]="condition.accumulationfund">无公积金</label>
          </div>
        </div>
        <div class="mui-row">
          <div class="mui-col-xs-3 mui-text-center input-title">社会保障</div>
          <div class="mui-col-xs-9">
            <label class="mui-btn" [ngClass]="{'mui-btn-primary': condition.socialsecurity == '不限'}">
              <input type="radio" value="不限" name="socialsecurity" [(ngModel)]="condition.socialsecurity">不限</label>
            <label class="mui-btn" [ngClass]="{'mui-btn-primary': condition.socialsecurity == '1'}">
              <input type="radio" value="1" name="socialsecurity" [(ngModel)]="condition.socialsecurity">有</label>
            <label class="mui-btn" [ngClass]="{'mui-btn-primary': condition.socialsecurity == '2'}">
              <input type="radio" value="2" name="socialsecurity" [(ngModel)]="condition.socialsecurity">无</label>
          </div>
        </div>
        <div class="mui-row">
          <div class="mui-col-xs-3 mui-text-center input-title">月收入</div>
          <div class="mui-col-xs-9">
            <label class="mui-btn" [ngClass]="{'mui-btn-primary': condition.monthlyincome == '不限'}">
              <input type="radio" value="不限" name="monthlyincome" [(ngModel)]="condition.monthlyincome">不限</label>
            <label class="mui-btn" [ngClass]="{'mui-btn-primary': condition.monthlyincome == '2千以下'}">
              <input type="radio" value="2千以下" name="monthlyincome" [(ngModel)]="condition.monthlyincome">2千以下</label>
            <label class="mui-btn" [ngClass]="{'mui-btn-primary': condition.monthlyincome == '2千~5千'}">
              <input type="radio" value="2千~5千" name="monthlyincome" [(ngModel)]="condition.monthlyincome">2千~5千</label>
            <label class="mui-btn" [ngClass]="{'mui-btn-primary': condition.monthlyincome == '5千以上'}">
              <input type="radio" value="5千以上" name="monthlyincome" [(ngModel)]="condition.monthlyincome">5千以上</label>
          </div>
        </div>
        <div class="mui-row">
          <div class="mui-col-xs-3 mui-text-center input-title">工资发放方式</div>
          <div class="mui-col-xs-9">
            <label class="mui-btn" [ngClass]="{'mui-btn-primary': condition.payrolltype == '不限'}">
              <input type="radio" value="不限" name="payrolltype" [(ngModel)]="condition.payrolltype">不限</label>
            <label class="mui-btn" [ngClass]="{'mui-btn-primary': condition.payrolltype == '1'}">
              <input type="radio" value="1" name="payrolltype" [(ngModel)]="condition.payrolltype">现金发放</label>
            <label class="mui-btn" [ngClass]="{'mui-btn-primary': condition.payrolltype == '2'}">
              <input type="radio" value="2" name="payrolltype" [(ngModel)]="condition.payrolltype">银行转账</label>
          </div>
        </div>
        <div class="mui-row">
          <div class="mui-col-xs-3 mui-text-center input-title">工作时间</div>
          <div class="mui-col-xs-9">
            <label class="mui-btn" [ngClass]="{'mui-btn-primary': condition.workinglife == '不限'}">
              <input type="radio" value="不限" name="workinglife" [(ngModel)]="condition.workinglife">不限</label>
            <label class="mui-btn" [ngClass]="{'mui-btn-primary': condition.workinglife == '6个月内'}">
              <input type="radio" value="6个月内" name="workinglife" [(ngModel)]="condition.workinglife">6个月内</label>
            <label class="mui-btn" [ngClass]="{'mui-btn-primary': condition.workinglife == '12个月内'}">
              <input type="radio" value="12个月内" name="workinglife" [(ngModel)]="condition.workinglife">12个月内</label>
            <label class="mui-btn" [ngClass]="{'mui-btn-primary': condition.workinglife == '一年以上'}">
              <input type="radio" value="一年以上" name="workinglife" [(ngModel)]="condition.workinglife">一年以上</label>
          </div>
        </div>
        <div class="mui-row">
          <div class="mui-col-xs-3 mui-text-center input-title">贷款额度</div>
          <div class="mui-col-xs-9">
            <input class="m-b0 number-input" type="number" placeholder="最小额度" value="" [(ngModel)]="condition.from_money">元-
            <input class="m-b0 number-input" type="number" placeholder="最大额度" value="" [(ngModel)]="condition.to_money">元
          </div>
        </div>
      </div>
    </div>
  </div>

</div>
<app-nav [step]="1" *ngIf="!isShow"></app-nav>

<div class="mui-content bg-gray" *ngIf="isShow">
  <div class="d-flex header bg-linear">
    <div class="flex">
      <span (click)="closeAddress()">返回</span>
    </div>
    <div class="flex text-center title">地址查询</div>
    <div class="flex mui-text-right"></div>
  </div>

  <div id='list' class="mui-indexed-list">
    <div class="mui-indexed-list-search mui-input-row mui-search">
      <input type="search" class="mui-input-clear mui-indexed-list-search-input" [(ngModel)]="citykey" (keyup)="getCity()"  placeholder="搜索城市">
    </div>
    <!--<div class="mui-indexed-list-bar">
      <a>A</a>
      <a>B</a>
      <a>C</a>
      <a>D</a>
      <a>E</a>
      <a>F</a>
      <a>G</a>
      <a>H</a>
      <a>I</a>
      <a>J</a>
      <a>K</a>
      <a>L</a>
      <a>M</a>
      <a>N</a>
      <a>O</a>
      <a>P</a>
      <a>Q</a>
      <a>R</a>
      <a>S</a>
      <a>T</a>
      <a>U</a>
      <a>V</a>
      <a>W</a>
      <a>X</a>
      <a>Y</a>
      <a>Z</a>
    </div>-->

    <div class="mui-indexed-list-inner" style="margin-top: 10px;">
      <ul class="mui-table-view">
        <li *ngFor="let item of _cityList" data-value="{{item.value}}" (click)="checkProvince(item.value,item.text)" class="mui-table-view-cell mui-indexed-list-item">{{item.text}}</li>
      </ul>
    </div>
  </div>
</div>
